﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>search-page</title>
    <link href="css/normalize.css" rel="stylesheet">
    <link href="css/search-page1.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="js/search-page.js"></script>

</head>

<body>
    <nav>
        <div class="nav-brand left">
        </div>

        <ul class="nav-left left">
            <li><button><a href="http://test.cn">首页</a></button></li>
            <li><button><a href="/ranking">排行榜</a></button></li>
            <li><button><a href="/information">消息</a></button></li>
        </ul>

        <div class="nav-form left">
            <input type="text" placeholder="搜索文章">
            <span class="search"></span>
        </div>

        <ul class="nav-right right">
            <li><a class="writing" href="http://share.cn/creat-page">写文章</a></li>
            <li>
                <a class="person dropdown" href="#">何定军</a>
                <!-- 下拉菜单 -->
                <ul class="drop-menu">
                    <li><a href="#">用户中心</a></li>
                    <li><a href="#">注销</a></li>
                </ul>
            </li>
        </ul>
    </nav>

    <main>
        <div class="table">
            <ul class="thead">
                <li class="list-one">文章名</li>
                <li class="list-tow">作者</li>
                <li class="list-tree">点赞数</li>
                <li class="list-four">发布时间</li>
                <li class="list-five">浏览量</li>
                <li>文章ID</li>
            </ul>
            <ul class="tbody">
                <li class="list-one">1</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
                <li class="list-six">6</li>
            </ul>
            <ul class="tbody">
                <li class="list-one">2</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
 
            </ul>
            <ul class="tbody">
                <li class="list-one">3</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
            </ul>
            <ul class="tbody">
                <li class="list-one">4</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
            </ul>
            <ul class="tbody">
                <li class="list-one">5</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
            </ul>
            <ul class="tbody">
                <li class="list-one">6</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
            </ul>
            <ul class="tbody">
                <li class="list-one">7</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
            </ul>
            <ul class="tbody">
                <li class="list-one">8</li>
                <li class="list-tow">23432432</li>
                <li class="list-tree">位置</li>
                <li class="list-four">1234</li>
                <li class="list-five">1234</li>
            </ul>
        </div>

        <div class="page-box page-box-one">
            <div class="last-page pp">上一页</div>
            <div class="jump">
                <input type="text" />
                <span class="nowpage">1</span>/<span class="pagez"></span>页
            </div>
            <div class="next-page">下一页</div>
        </div>
    </main>

    <footer>
        <p>Copyright © 成都东软学院 All Rights Reserved | 蜀ICP备12011972号</p>
    </footer>
</body>

</html>